<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        /*
        *{
            margin: 0;
            padding: 0
        }*/

        /*#div_1{
            width: 250px;
            height: 100px;
            background-color: #ff0000;
            border: 1px solid #000000;
        }

        #div_2{
            width: 250px;
            height: 100px;
            background-color: #ff0000;
            border: 100px solid #000000;
            padding: 20px;
            margin: 30px;
        }*/

        ul{
            background-color: #6666ff;
            border: 1px solid #000000;
            width: 100px;
            list-style-position: inside;
        }

        li{
            background-color: #cccccc;
            border: 1px solid #ffff00;
        }


    </style>

</head>
<body>

<!--<div id="div_1">
</div>

<div id="div_2">
</div>-->

<!--
<ol>
    <li>aaaaa</li>
    <li>bbbbb</li>
    <li>ccccc</li>
    <li>ddddd</li>
</ol>

<dl>
    <dt>
        一级
        <dd>二级1</dd>
        <dd>二级2</dd>
        <dd>二级3</dd>
    </dt>
</dl>
-->

<ul>
    <li>第一条</li>
    <li>第二条</li>
    <li>第三条</li>
</ul>

</body>
</html>